<template>
  <div class="list">
    <!-- item组件标签进行遍历 获取3个item子组件 
    分析出两种方案：
    1.将arr传递给list 在list当中进行组件标签的遍历
    2.将arr传递给item 在item当中进行遍历

    v-for 数组遍历
    v-for 遍历的都是标签   走第二种方案  先说这种方案  
    v-for 能否遍历组件标签  走第一种方案



    
    -->
    <!-- <div>{{ arr }}</div> -->
    <!-- <item :arr="arr"></item> -->
    <item-components
      v-for="(item, index) in arr"
      :key="index"
      :item="item"
    ></item-components>
  </div>
</template>

<script>
// import Item from "./Item";
import ItemComponents from "./ItemComponents.vue";
export default {
  props: ["arr"],
  components: {
    // Item,
    ItemComponents,
  },
};
</script>

<style lang="scss" scoped>
</style>